<template>
  <el-dialog v-model="contentText.dialogTableVisible">
    <div class="Title">{{ Title }}</div>
    <div class="Text">{{ Text }}</div>
    <div class="button">
      <el-button @click="contentText.dialogTableVisible = true">取消</el-button>
      <el-button>确认</el-button>
    </div>
  </el-dialog>
</template>

<script lang='ts' setup>
import { reactive, toRefs, ref, onMounted, getCurrentInstance } from "vue";
const { proxy }: any = getCurrentInstance();
const contentText = defineProps({
  Title: {
    type: String, //类型字符串
    default: "标题名称", //如果没有传递参数,默认值是这个
  },
  Text: {
    type: String, //类型字符串
    default: "内容文字", //如果没有传递参数,默认值是这个
  },
  dialogTableVisible: {
    type: Boolean,
    default: false, //如果没有传递参数,默认值是这个
  },
});
// onMounted(() => {
//   proxy.http.login('project_type').then((res: any) => {
//   console.log('axios接口获取的数据', res.data);
//   });
// });
// const dialogTableVisible = ref(false);
</script>
<script lang='ts'>
import { defineComponent } from "vue";
export default defineComponent({});
</script>

<style lang='scss' scoped>
.Title {
  font-family: SourceHanSansCN-Bold;
  font-size: 24px;
  color: #1f2b88;
  text-align: center;
  margin-bottom: 38px;
}
.Text {
  font-family: SourceHanSansCN-Medium;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #000000;
  text-align: center;
  margin-bottom: 27px;
}
.button {
  text-align: center;
  & > button {
    width: 150px;
    height: 34px;
    background-image: linear-gradient(#ffffff, #ffffff),
      linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-radius: 5px;
    font-family: SourceHanSansCN-Bold;
    font-size: 14px;
  }
  & > button:nth-child(1) {
    border: solid 1px #176eff;
    color: #176eff;
  }
  & > button:nth-child(2) {
    background: #176eff;
    color: #fff;
  }
}
.el-overlay-dialog .el-dialog {
  width: 400px !important;
  background-color: #ffffff !important;
  border-radius: 15px !important;
  .el-dialog__header{
      padding: 0 !important;
  }
}
</style>